<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
		"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Editor dojox NormalizeStyle Test</title>

	<style type="text/css">
		@import "../../../dojo/resources/dojo.css";
		@import "../../../dijit/tests/css/dijitTests.css";
		@import "../../../dijit/themes/tundra/tundra.css";
		@import "../plugins/resources/css/TextColor.css";
	</style>

	<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="parseOnLoad: true, isDebug: true"></script>

	<script type="text/javascript">
		dojo.require("dijit.Editor");
		dojo.require("dojo.parser");
		dojo.require("dojox.editor.plugins.NormalizeStyle");
		dojo.require("dojox.editor.plugins.PrettyPrint");
		dojo.require("dijit._editor.plugins.ViewSource");
	</script>
</head>
<body class="tundra">
	<br>
	<h1 class="testTitle">Editor + NormalizeStyle Plugin</h1>

	<h2>This is an example editor with the dojox NormalizeStyle plugin enabled.</h2>  
	The NormalizeStyle plugin's role is to try and force the editor output to be either CSS
	style based (style="" spans), or semantic tag based (b, i, u, strike, etc).  This is user configurable.
	Internally in the editor window, it tries to use the format that works the best for the browser.
	<br>
	<br>
	<br>
	<h2> NormalizeStyle with semantic mode enabled</h2>
	<div dojoType="dijit.Editor" id="editor1" extraPlugins="['normalizestyle', 'prettyprint', 'viewsource']">
		This instance is created from a div with an extra plugin, 'NormalizeStyle' loaded in semantic mode
		<div>
			<ul>
				<li>List Item One</li>
				<li>List Item Two</li>
				<li>List Item Three</li>
				<li>List Item Four</li>
			</ul>
			<br>
			<a href="http://www.dojotoolkit.org">The Dojo Toolkit</a>
			<br>
			<br>
			<ol>
				<li>One</li>
				<li>Two</li>
			</ol>
			<br>
			<br>
			<h3>A bunch of Lorum Ipsum Text:</h3>
			<p style="color: #646060;">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget turpis nunc.
				Praesent ut metus ac mi gravida lobortis vel quis nulla. Sed elementum elit eget
				ante viverra consectetur. Praesent pulvinar faucibus risus in pulvinar. Sed auctor,
				dui sed suscipit semper, metus sapien feugiat urna, et auctor nisi est quis purus.
				Aliquam eu tortor eu ante venenatis pellentesque nec sed massa. Nulla feugiat, nunc
				ac aliquet elementum, lacus odio dictum nisl, vel molestie neque tellus eget nibh.
				Curabitur et eros quam, non consectetur erat. Class aptent taciti sociosqu ad litora
				torquent per conubia nostra, per inceptos himenaeos. Quisque luctus imperdiet felis,
				a mollis sapien scelerisque ut. Quisque dui neque, vulputate eu consectetur et, fermentum
				id est. Nulla euismod lorem at massa aliquam at cursus mi fermentum. Quisque rhoncus
				ornare pharetra. Cras vestibulum convallis nisl, eget ultrices sem porta eget. Duis
				in dolor id nibh volutpat sodales. Nullam eleifend, sapien accumsan convallis tincidunt,
				justo mi pellentesque dolor, in suscipit dolor quam ac ligula.
			</p>
			<p>
				Ut molestie facilisis nisi sed consequat. Nunc in turpis quam, vel elementum lectus.
				Suspendisse vel consequat augue. Praesent id orci orci. Praesent est tortor, consequat
				eu posuere nec, volutpat ac diam. Cras pretium quam non diam dictum tincidunt. Mauris
				aliquet lacinia odio vitae elementum. Nam rutrum semper metus, in consectetur lectus
				aliquam a. Maecenas pharetra nibh nec leo consequat vitae rhoncus nibh volutpat.
				Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
				mus. Sed at odio turpis, sit amet molestie nisl. Curabitur in ligula id tortor feugiat
				semper. Vestibulum id nunc magna, eu lacinia nibh. Ut congue adipiscing dictum.
			</p>
			<p>
				Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia
				nostra, per inceptos himenaeos. Phasellus in orci purus, sed aliquet quam. Aenean
				ultrices tincidunt augue, in feugiat massa dignissim in. Nunc a dolor eu mi fringilla
				laoreet. Praesent lacinia mi eu sapien imperdiet dignissim. Praesent a pellentesque
				est. Sed augue eros, porttitor nec consequat bibendum, mattis lobortis diam. Sed
				at massa ante. In volutpat ultrices mattis. Vestibulum tempus pretium risus quis
				aliquet. Donec non ante vitae orci euismod eleifend. Aliquam at metus quis turpis
				pharetra porta. Sed dignissim risus in erat aliquam et posuere nulla molestie. Nunc
				iaculis lectus eget augue sollicitudin gravida ac non nisl. Vivamus bibendum gravida
				vehicula. Aliquam vitae mi ligula. Nulla at augue velit, vitae ultricies libero.
				Proin at lorem turpis.
			</p>
			<center>Centered Text</center>
		</div>
	</div>
	<br>
	<br>
	<br>
	<h2> NormalizeStyle with css mode enabled</h2>
	<div dojoType="dijit.Editor" id="editor2" extraPlugins="[{name: 'normalizestyle', mode: 'css'}, 'prettyprint', 'viewsource']">
		This instance is created from a div with an extra plugin, 'NormalizeStyle' loaded in CSS mode.
		<div>
			<ul>
				<li>List Item One</li>
				<li>List Item Two</li>
				<li>List Item Three</li>
				<li>List Item Four</li>
			</ul>
			<br>
			<a href="http://www.dojotoolkit.org">The Dojo Toolkit</a>
			<br>
			<br>
			<ol>
				<li>One</li>
				<li>Two</li>
			</ol>
			<br>
			<br>
			<h3>A bunch of Lorum Ipsum Text:</h3>
			<p style="color: #646060;">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget turpis nunc.
				Praesent ut metus ac mi gravida lobortis vel quis nulla. Sed elementum elit eget
				ante viverra consectetur. Praesent pulvinar faucibus risus in pulvinar. Sed auctor,
				dui sed suscipit semper, metus sapien feugiat urna, et auctor nisi est quis purus.
				Aliquam eu tortor eu ante venenatis pellentesque nec sed massa. Nulla feugiat, nunc
				ac aliquet elementum, lacus odio dictum nisl, vel molestie neque tellus eget nibh.
				Curabitur et eros quam, non consectetur erat. Class aptent taciti sociosqu ad litora
				torquent per conubia nostra, per inceptos himenaeos. Quisque luctus imperdiet felis,
				a mollis sapien scelerisque ut. Quisque dui neque, vulputate eu consectetur et, fermentum
				id est. Nulla euismod lorem at massa aliquam at cursus mi fermentum. Quisque rhoncus
				ornare pharetra. Cras vestibulum convallis nisl, eget ultrices sem porta eget. Duis
				in dolor id nibh volutpat sodales. Nullam eleifend, sapien accumsan convallis tincidunt,
				justo mi pellentesque dolor, in suscipit dolor quam ac ligula.
			</p>
			<p>
				Ut molestie facilisis nisi sed consequat. Nunc in turpis quam, vel elementum lectus.
				Suspendisse vel consequat augue. Praesent id orci orci. Praesent est tortor, consequat
				eu posuere nec, volutpat ac diam. Cras pretium quam non diam dictum tincidunt. Mauris
				aliquet lacinia odio vitae elementum. Nam rutrum semper metus, in consectetur lectus
				aliquam a. Maecenas pharetra nibh nec leo consequat vitae rhoncus nibh volutpat.
				Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
				mus. Sed at odio turpis, sit amet molestie nisl. Curabitur in ligula id tortor feugiat
				semper. Vestibulum id nunc magna, eu lacinia nibh. Ut congue adipiscing dictum.
			</p>
			<p>
				Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia
				nostra, per inceptos himenaeos. Phasellus in orci purus, sed aliquet quam. Aenean
				ultrices tincidunt augue, in feugiat massa dignissim in. Nunc a dolor eu mi fringilla
				laoreet. Praesent lacinia mi eu sapien imperdiet dignissim. Praesent a pellentesque
				est. Sed augue eros, porttitor nec consequat bibendum, mattis lobortis diam. Sed
				at massa ante. In volutpat ultrices mattis. Vestibulum tempus pretium risus quis
				aliquet. Donec non ante vitae orci euismod eleifend. Aliquam at metus quis turpis
				pharetra porta. Sed dignissim risus in erat aliquam et posuere nulla molestie. Nunc
				iaculis lectus eget augue sollicitudin gravida ac non nisl. Vivamus bibendum gravida
				vehicula. Aliquam vitae mi ligula. Nulla at augue velit, vitae ultricies libero.
				Proin at lorem turpis.
			</p>
			<center>Centered Text</center>
		</div>
	</div>
</body>
</html>
